import { createRouter, createWebHistory } from 'vue-router'
import Wind from '@/views/Wind.vue'
import IndexMap from '../views/IndexMap.vue'
import Pressure from '@/views/Pressure.vue'
import Geopotential from '@/views/Geopotential.vue'
import Temperature from '@/views/Temperature.vue'
import Humidity from '@/views/Humidity.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'IndexMap',
      component: IndexMap,

      children: [
        {
          path: 'Wind',
          name: 'Wind',
          component: Wind
        },
        {
          path: 'Pressure',
          name: 'Pressure',
          component: Pressure
        },
        {
          path: 'Geopotential',
          name: 'Geopotential',
          component: Geopotential
        },
        {
          path: 'Temperature',
          name: 'Temperature',
          component: Temperature
        },
        {
          path: 'Humidity',
          name: 'Humidity',
          component: Humidity
        },

      ]
    },
  ],
})

export default router
